*,
body {
  margin: 0;
  padding: 0;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  flex-direction: column;
  background: #2e2e2e;
  color: azure;
}
a {
  text-decoration: none;
  color: azure;
}
a:hover {
  color: blueviolet;
}
ol,
ul,
li {
  list-style: none;
}
.box {
  width: 400px;
  height: 600px;
  border-radius: 35px;
  background: linear-gradient(45deg, #c3c4c5, #7a888d);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.box h1 {
  position: absolute;
  top: 15px;
}
.box form {
  display: flex;
  height: 600px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
